<template>
<!-- 搜索页面 校内通知搜索? 我的反馈搜索? 办公电话搜索? 办公通知搜索?  系统应用搜索? -->
  <div class="search-common">
    <form action="/">
      <van-search
        v-model="value"
        placeholder="请输入搜索关键词"
        show-action
        @search="onSearch"
        @cancel="onCancel"
      />
    </form>
    <!-- 搜索历史 -->
		<div class="search-history">
			<div class="search-history__title">历史搜索</div>
			当前从哪个页面进入 ==> {{curRouterName}}
		</div>
  </div>
</template>
<script>
	export default {
		name: 'searchComon',
		data() {
			return {
				value: '',  // 当前搜索的关键字
			}
		},
		computed: {
			curRouterName() {
				return this.$store.state.params;
			}
		},
		methods: {
			// 获取搜索历史数据
			getSearchHistory() {
				// 根据路由页面所传参数确定其当前搜索的类型： 校内通知搜索? 我的反馈搜索? 办公电话搜索? 办公通知搜索?  系统应用搜索? 

			},
			// 搜索
			onSearch() {
				 this.$notify({
          type: 'danger',
          message: '暂未接后台接口',
          // background: '#6a4781'   // 颜色可自定义颜色
        });
			},
			// 取消搜索
			onCancel() {
				console.log('aaaa')
				// let item = {
        //   headerNavTitle: this.$store.state.headerNavTitle,  // 将当前页面加载到路由中
        //   name: this.$store.state.headerSubTitle,
        //   isCollect: true
        // }
				this.$router.push({
          name: this.$store.state.params.curRouter,
          // params: { isCollect: true }
        })
				// this.$store.dispatch('set_header_title',item)
			}
		}
	}
</script>
<style lang="less" scoped>
	/* 当前搜索 */
	.search-common {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		.search-history {
			font-size: 16px;
			padding: 0 10px 10px;
			&__title {
				font-size: 14px;
				color: #949494;
				padding: 22px 0;
			}
		}
	}
</style>
